let FontCSS = {FontFamily:'',FontSize:'',FontWeight:'',FontStyle:'',TextDecoration:'',TextAlign:''}
$(function(){
    //设置字体样式
    $('#ziti1').click(function(){
        let num = $('#ziti1 option:selected').val()
        if(num==0){
            $('textarea').css({
                fontFamily:'SimSun',
            })
            FontCSS.FontFamily='SimSun'
        }
        if(num==1){
            $('textarea').css({
                fontFamily:"Microsoft_YaHei_Bold",
            })
            FontCSS.FontFamily='Microsoft_YaHei_Bold'
        }
        
    })
    //设置字体大小
    $('#ziti2').click(function(){
        let num = $('#ziti2 option:selected').val()
        if(num==10){
            $('textarea').css({
               fontSize:'10px'
            })
            FontCSS.FontSize='10px'
        }
        if(num==20){
            $('textarea').css({
                fontSize:'20px'
             })
             FontCSS.FontSize='20px'
        }
       
    })
    //加粗
    $('#jiacu').click(function(){
        $('textarea').css({
            fontWeight:'bold'
        })
        $('#jiacu').css({
            backgroundColor:'gray'
        })
        FontCSS.FontWeight='bold'
    })
     //斜体
    $('#xieti').click(function(){
        $('textarea').css({
            fontStyle:'oblique'
        })
        $('#xieti').css({
            backgroundColor:'gray'
        })
        FontCSS.FontStyle='oblique'
    })
    //下划线
    $('#xiahuaxian').click(function(){
        $('textarea').css({
            textDecoration:'underline'
        })
        $('#xiahuaxian').css({
            backgroundColor:'gray'
        })
        FontCSS.TextDecoration='underline'
    })
    //左对齐
    $('#zuo').click(function(){
        $('textarea').css({
            textAlign:'start'
        })
        $('#zuo').css({
            backgroundColor:'gray'
        }).siblings().css({
            backgroundColor:'white'
        })
        FontCSS.TextAlign='start'
    })
    //居中对齐
    $('#jz').click(function(){
        $('textarea').css({
            textAlign:'center'
        })
        $('#jz').css({
            backgroundColor:'gray'
        }).siblings().css({
            backgroundColor:'white'
        })
        FontCSS.TextAlign='center'
    })
    //右对齐
    $('#you').click(function(){
        $('textarea').css({
            textAlign:'end'
        })
        $('#you').css({
            backgroundColor:'gray'
        }).siblings().css({
            backgroundColor:'white'
        })
        FontCSS.TextAlign='end'
    })
    //保存发布
    $('#baocun').click(function(){
        $('.show').html($('textarea').val())
        $('.show').css({
            textAlign:FontCSS.TextAlign,
            textDecoration:FontCSS.TextDecoration,
            fontStyle:FontCSS.FontStyle,
            fontWeight: FontCSS.FontWeight,
            fontSize:FontCSS.FontSize,
            fontFamily:FontCSS.FontFamily
        })
    })



})
